<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>优永动助手 - 充币</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="/layui/layui.all.js"></script>
    <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>
    <link rel="stylesheet" href="/css/blog.css">
    <style>
        .top-type-tip{
            font-size: 36px;
            line-height: 140px;
            background-color: #f6f5fa;
            padding-left: 50px;
        }
        .liantype-title{
            padding-left: 50px;
            color: #3478db;
            font-size: 36px;
            margin-top: 30px;
        }
        .lian-border{
            margin-top: 30px;
            margin-left: 50px;
            height: 120px;
            border-radius: 30px;
            border: 1px solid #3478db;
            font-size: 36px;
            text-align: center;
            padding-top: 40px;
        }
        .img-box-cb{
            margin-top: 50px;
        }
        .img-main{
            font-size: 38px;
            text-align: center;
            background-color: #f6f5fa;
            margin-top: 30px;
        }
        .address{
            margin-top: 50px;
            margin-bottom: 50px;
            color: grey;
        }
        .copy-box{
            margin-top: 50px;
            margin-bottom: 60px;
            height: 50px;
        }
        .beizhu{
            font-size: 36px;
            color: grey;
            text-align: center;
            margin-top: 60px;
        }
        #target{
            width:95%;
            height: 80px;
            word-wrap:break-word;
        }
    </style>
</head>
<body>

<div class="layui-row search-main log-title">

    <div class="layui-col-xs2" onclick="history.go(-1)">
        <i class="layui-icon layui-icon-left return-btn"></i>
    </div>

    <div class="layui-col-xs2 layui-col-xs-offset3">充币</div>

</div>


<div class="layui-row blog-main">

    <div class="layui-row">
        <div class="layui-col-xs12 top-type-tip" th:text="${chongbitableDO.type}">

        </div>
    </div>

    <div class="layui-row">
        <div class="layui-col-xs10 liantype-title">
            链类型：
        </div>
    </div>

    <div class="layui-row">
        <div class="layui-col-xs3 lian-border" th:text="${chongbitableDO.liantype}">

        </div>
    </div>

    <div class="layui-row img-main">
        <div class="layui-col-xs10 layui-col-xs-offset1">
            <div class="layui-row">
                <div class="layui-col-xs8 layui-col-xs-offset2 img-box-cb">
                    <img th:src="${chongbitableDO.image}" width="500px" height="500px" alt="">
                </div>

            </div>

            <div class="layui-row address">充币地址</div>


            <div id="target" class="layui-row"  th:text="${chongbitableDO.address}">

            </div>

            <div class="layui-row copy-box">
                <input type="button" name="" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn"
                       value="一键复制">
            </div>
        </div>
    </div>

    <div class="layui-row beizhu" th:text="${chongbitableDO.beizhu}">

    </div>

</div>


</div>


<script>
    $(document).ready(function () {
        var targetText = $("#target").text();
        var clipboard = new Clipboard('#copy_btn');
        clipboard.on('success', function (e) {
            layui.use('layer', function () {
                var $ = layui.jquery, layer = layui.layer;
                layer.msg("复制成功");
            });
            e.clearSelection();
        });
    });
</script>
</body>
</html>